<!--  -->
<template>
  <div class="disFlx">
    <TableMenu class="br-10" title="业务订单" :menuList="menuList" @change="key => (menuKey = key)" />
    <div style="width: calc(100% - 160px)">
      <Connections v-if="menuKey === 'Connections'" />
      <Resources v-else-if="menuKey === 'Resources'" />
      <ActivityTicket v-else-if="menuKey === 'ActivityTicket'" />
    </div>
  </div>
</template>

<script>
import Connections from './connections'
import TableMenu from '@/components/TableMenu'
import Resources from './resources'
import ActivityTicket from "./ActivityTicket";
export default {
  components: {
    TableMenu,
    Connections,
    Resources,
    ActivityTicket
  },
  data() {
    return {
      menuList: [
        {
          name: '人脉解锁订单',
          key: 'Connections'
        },
        {
          name: '资源平台订单',
          key: 'Resources'
        },
        {
          name: '活动报名订单',
          key: 'ActivityTicket'
        }
      ],
      menuKey: 'Connections'
    }
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {}
}
</script>
<style scoped></style>
